<template>
    <image :src="imgUrl" :style="{ 'width': width, 'height': height, 'border-radius': round }" :mode="mode" />
</template>

<script lang="ts" setup>
import { computed } from 'vue';

interface propInt {
    imgUrl: string
    mode: string
    width: string
    height: string
    round: string
}

const props = withDefaults(defineProps<propInt>(), {
    //   图片路径  
    src: '',
    //  图片模式 
    mode: '',
    //  图片宽 
    width: '100%',
    //  图片高
    height: '100%',
    //  圆角
    round: ''
})

const imgUrl = computed(() => {
    return import.meta.env.VITE_IMG_DOMAIN + props.src
})

</script>

<style lang="scss" scoped></style>